<template>
  <div class="Movies">
    <h1>Movies</h1>
    <ol>
      <li v-for="item of movieList" :key="item.tvId">
        {{ item.focus }}
      </li>
    </ol>
  </div>
</template>

<script>
import { mapState } from "vuex";

export default {
  name: "Movies",
  computed: {
    ...mapState(["movieList"]),
  },
};
</script>

<style scoped>
.Movies {
  width: 300px;
  margin: 0 auto;
  background-color: seagreen;
}
</style>
